﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ThongTinCaNhan.aspx.cs"
    Inherits="Sbook.ThongTinCaNhan" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Src="~/Control/Menu/MenuRight.ascx" TagName="MenuRight" TagPrefix="UC" %>
<%@ Register Src="~/Control/Menu/Header.ascx" TagName="Header" TagPrefix="UC" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link href="Styles/style1.css" rel="stylesheet" type="text/css" />
    <link href="Styles/style2.css" rel="stylesheet" type="text/css" />
    <link href="Styles/tcal.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/tcal.js" type="text/javascript"></script>
    <script type="text/javascript" src="js1.js"></script>
    <script type="text/javascript" src="js2.js"></script>
    <script type="text/javascript" src="js3.js?v=1"></script>
    <script type="text/javascript" src="js4.js"></script>
    <script type="text/javascript" src="js6.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.simplyscroll.js"></script>
    <!-- script menutop -->
    <script type="text/javascript">
        $(document).ready(function () {
            $(".menu_top li").hover(function () {
                $(this).find('ul:first').css({ visibility: "visible", display: "none" }).show(500)
            }, function () {
                $(this).find('ul:first').css({ visibility: "hidden" })
            });
        });
    </script>
    <link type="text/css" rel="stylesheet" href="css/jquery.simplyscroll_splienquan.css" />
    <link type="text/css" rel="stylesheet" href="css/style_chitietsp.css" />
</head>
<body>

    <form id="form1" runat="server">
    <div class="web">
        <UC:Header runat="server" ID="header1" />
        <div class="chitietsp">
            <!-- -->
            <!-- chi tiết sp top -->
            <div class="chitietsp_top">
            </div>
            <!-- close chi tiết sp top -->
            <!-- sản phẩm -->
            <div class="central-content">
                <div class="breadcrumbs">
                    <a href="/ha-noi/">Home</a><img src="/skins/hotdeal/customer/images/icons/breadcrumbs_arrow.gif"
                        class="bc-arrow" border="0" alt="&gt;">Sửa thông tin người dùng
                </div>
                <div class="cm-notification-container">
                </div>
                <div class="mainbox-container">
                    <div class="mainbox-body">
                        <script type="text/javascript">
//<![CDATA[

                            var default_country = 'VN';


                            var zip_validators = {
                                US: {
                                    regex: /^(\d{5})(-\d{4})?$/,
                                    format: '01342 (01342-5678)'
                                },
                                CA: {
                                    regex: /^(\w{3} ?\w{3})$/,
                                    format: 'K1A OB1 (K1AOB1)'
                                }
                            }


                            var states = new Array();

//]]>
                        </script>
                        <script type="text/javascript" src="js5.js"></script>
                        <div id="content_general">
                            <h1>
                                Thông tin cá nhân</h1>
                            <p class="mandatory-fields">
                                Thông tin có <span class="required">*</span> là bắt buộc nhập, cần phải nhập.</p>
                            <form name="profile_form" action="/ha-noi/" method="post">
                            <input id="selected_section" type="hidden" value="general" name="selected_section">
                            <input id="default_card_id" type="hidden" value="" name="default_cc">
                            <input type="hidden" name="profile_id" value="911371">
                            <div class="border">
                                <div class="subheaders-group">
                                    <br>
                                    <h2 class="subheader">
                                        Thông tin tài khoản
                                    </h2>
                                    <div class="form-field">
                                        <label for="email" class="cm-required cm-email cm-trim">
                                            Email:</label>
                                        <input type="text" id="email" name="user_data[email]" size="32" maxlength="128" value=""
                                            class="input-text">
                                    </div>
                                    <div class="form-field">
                                        <label for="password1" class="cm-required cm-password">
                                            Mật khẩu:</label>
                                        <input type="password" id="password1" name="user_data[password1]" size="32" maxlength="32"
                                            value="" class="input-text cm-autocomplete-off" autocomplete="off">
                                    </div>
                                    <div class="form-field">
                                        <label for="password2" class="cm-required cm-password">
                                            Nhập lại mật khẩu:</label>
                                        <input type="password" id="password2" name="user_data[password2]" size="32" maxlength="32"
                                            value="" class="input-text cm-autocomplete-off" autocomplete="off">
                                    </div>
                                    <div class="form-field">
                                        <label for="birthday" class="cm-required">
                                            Ngày sinh:</label>
                                        <input type="text" class="tcal" name="user_data[birthday]" value="" readonly="readonly">
                                    </div>
                                    <div class="form-field">
                                        <label for="elm_42" class="cm-profile-field  ">
                                            Giới tính:</label>
                                        <select id="elm_42" class="" name="user_data[fields][42]">
                                            <option value="">--</option>
                                            <option selected="selected" value="1">Nam</option>
                                            <option value="2">Nữ</option>
                                        </select>
                                    </div>
                                    <br>
                                    <h2 class="subheader">
                                        Thông tin giao hàng
                                    </h2>
                                    <div class="form-field">
                                        <label for="elm_15" class="cm-profile-field cm-required ">
                                            Họ tên:</label>
                                        <input type="text" id="elm_15" name="user_data[s_firstname]" size="32" value="" class="input-text cm-skip-avail-switch"
                                            onblur="clear_space('elm_15');">
                                    </div>
                                    <div class="form-field">
                                        <label for="elm_25" class="cm-profile-field  cm-state cm-location-shipping">
                                            Tỉnh/Thành phố:</label>
                                        <select id="elm_25" name="user_data[s_state]" style="min-width: 200px">
                                            <option value="">- Chọn Tỉnh/Thành phố -</option>
                                            <option value="417">An Giang</option>
                                            <option value="419">Bà Rịa Vũng Tàu</option>
                                            <option value="421">Bắc Giang</option>
                                            <option value="420">Bắc Kạn</option>
                                            <option value="418">Bạc Liêu</option>
                                            <option value="422">Bắc Ninh</option>
                                            <option value="423">Bến Tre</option>
                                            <option value="424">Bình Dương</option>
                                            <option value="426">Bình Phước</option>
                                            <option value="427">Bình Thuận</option>
                                            <option value="490">Bình Định</option>
                                            <option value="430">Cà Mau</option>
                                            <option value="431">Cần Thơ</option>
                                            <option value="429">Cao Bằng</option>
                                            <option value="436">Gia Lai</option>
                                            <option value="438">Hà Giang</option>
                                            <option value="439">Hà Nam</option>
                                            <option value="440" selected="selected">Hà Nội</option>
                                            <option value="441">Hà Tây</option>
                                            <option value="442">Hà Tĩnh</option>
                                            <option value="443">Hải Dương</option>
                                            <option value="444">Hải Phòng</option>
                                            <option value="510">Hậu Giang</option>
                                            <option value="437">Hồ Chí Minh</option>
                                            <option value="446">Hoà Bình</option>
                                            <option value="447">Huế</option>
                                            <option value="513">Hưng Yên</option>
                                            <option value="514">Khánh Hoà</option>
                                            <option value="515">Kiên Giang</option>
                                            <option value="516">Kon Tum</option>
                                            <option value="452">Lai Châu</option>
                                            <option value="455">Lâm Ðồng</option>
                                            <option value="453">Lạng Sơn</option>
                                            <option value="519">Lào Cai</option>
                                            <option value="521">Long An</option>
                                            <option value="522">Nam Ðịnh</option>
                                            <option value="523">Nghệ An</option>
                                            <option value="459">Ninh Bình</option>
                                            <option value="525">Ninh Thuận</option>
                                            <option value="526">Phú Thọ</option>
                                            <option value="462">Phú Yên</option>
                                            <option value="463">Quảng Bình</option>
                                            <option value="464">Quảng Nam</option>
                                            <option value="465">Quảng Ngãi</option>
                                            <option value="531">Quảng Ninh</option>
                                            <option value="467">Quảng Trị</option>
                                            <option value="468">Sóc Trăng</option>
                                            <option value="534">Sơn La</option>
                                            <option value="536">Tây Ninh</option>
                                            <option value="537">Thái Bình</option>
                                            <option value="538">Thái Nguyên</option>
                                            <option value="539">Thanh Hóa</option>
                                            <option value="540">Tiền Giang</option>
                                            <option value="593">Toàn Quốc</option>
                                            <option value="476">Trà Vinh</option>
                                            <option value="477">Tuyên Quang</option>
                                            <option value="543">Vĩnh Long</option>
                                            <option value="544">Vĩnh Phúc</option>
                                            <option value="545">Yên Bái</option>
                                            <option value="432">Ðà Nẵng</option>
                                            <option value="433">Ðắc Lắc</option>
                                            <option value="548">Ðắk Nông</option>
                                            <option value="499">Ðồng Nai</option>
                                            <option value="500">Ðồng Tháp</option>
                                            <option value="549">Điện Biên</option>
                                        </select>
                                    </div>
                                    <div class="form-field">
                                        <label for="elm_19" class="cm-profile-field  ">
                                            Địa chỉ -Liên hệ :</label>
                                        <input type="text" id="elm_19" name="user_data[s_address]" size="32" value="" class="input-text cm-skip-avail-switch"
                                            onblur="clear_space('elm_19');">
                                    </div>
                                    <div class="form-field">
                                        <label for="elm_31" class="cm-profile-field  ">
                                            Điện thoại:</label>
                                        <input type="text" id="elm_31" name="user_data[s_phone]" size="32" value="" class="input-text cm-skip-avail-switch"
                                            onblur="clear_space('elm_31');">
                                    </div>
                                    <input type="hidden" name="mailing_lists[2]" value="1" class="register_mail" id="register_mail_2"
                                        disabled="">
                                    <input type="hidden" name="mailing_lists[3]" value="1" class="register_mail" id="register_mail_3">
                                    <input type="hidden" name="newsletter_format" value="2">
                                    <div class="buttons-container center">
                                        <span id="wrap_save_profile_but" class="button-submit">
                                            <input id="save_profile_but" type="submit" name="dispatch[profiles.update.]" value="Lưu"></span>
                                    </div>
                                </div>
                            </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- close chi tiết sản phẩm -->
            <!-- right -->
            <div class="right">
                <!-- danh mục phải -->
                <div class="menu_right">
                    <UC:MenuRight runat="server" ID="MenuRight"></UC:MenuRight>
                    <script type="text/javascript">
                        $(document).ready(function () {
                            $("div.right div.menu_right ul:not(first)").hide();
                            $('ul#f1').show();
                            $('h2.menu_head').click(function () {

                                $('.active').removeClass('active');
                                $(this).addClass('active');
                                $('ul').slideUp('slow');
                                $(this).next('ul').slideDown('slow');
                                var content_show = $(this).attr('title');
                                $('#' + content_show).slideDown('slow');

                            });
                        });
                    </script>
                </div>
                <!-- close danh mục phải -->
            </div>
            <!-- close right -->
            <!-- footer -->
            <div class="footer">
            </div>
            <!-- close footer -->
        </div>
    </div>

    <div id="divChangePass">
    <a href="#" id="closeChangePass">X</a>
    <form id="frm2">
        <h1>Đổi mật khẩu</h1>
        <ul>
            <li><label>Mật khẩu cũ:</label> <input type="password" id="txtOldPass" /><span id="spOldPass">Không được để trống.</span></li>
            <li><label>Mật khẩu mới:</label> <input type="password" id="txtNewPass" /><span id="spNewPass">Không được để trống.</span></li>
            <li><label>Xác nhận mật khẩu mới:</label> <input type="password" id="txtRePass" /><span id="spRePass">Không được để trống.</span></li>
            <li><input type="button" value="Đổi mật khẩu" id="btnChangePass" /></li>
        </ul>
    </form>

     
</div>
    </form>
    
</body>
</html>
